<lv-select [(ngModel)]="value" [lvOptions]="data" lvShowClear #lvSelect [lvContentTemplate]="contentTpl" lvVirtualItemSize="56" style="width: 368px">
  <!-- 自定义展示区 -->
  <lv-select-trigger>
    <span lv-overflow lvTooltipTheme="light">name：{{ value.label }}</span>
  </lv-select-trigger>

  <!-- 自定义头部 -->
  <lv-select-header>Custom head</lv-select-header>

  <!-- 自定义内容 -->
  <ng-template #contentTpl let-item let-index="index">
    <div>Custom content {{ index }}:</div>
    <div lv-overflow>
      {{ item.label }}:very long,very long,very long,very long,very long,very long,very long,very long,very long,very long,very long,very
      long,very long,very long,very long,very long,very long,very long,very long,very long,very long,very long,very long,very long,very
      long,very long,very long,very long,very long,very long,very long,very long,
    </div>
  </ng-template>

  <!-- 自定义尾部 -->
  <lv-select-footer (click)="lvSelect.toggleSelect(false)">Custom foot</lv-select-footer>
</lv-select>

<p>Value：{{ (value | json) || 'none' }}</p>
